.login {
    width: 100vw;
    height: 100vh;
    background: url('../../images/loginHead.png') no-repeat top center;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: 20rpx;
    .logo {
        box-sizing: border-box;
        padding-top: 50px;
        text-align: center;
        font-size: 28px;
        color: #1E2121;
    }
    .logoImg {
        width: 112px;
        height: 112px;
        background: url('../../images/logo.png') no-repeat center;
        background-size: cover;
        margin-left: calc(50% - 56px);
        margin-bottom: 20px;
    }
    .loginBox {
        box-sizing: border-box;
        padding: 30px;
       .title {
        font-size: 28px;
        color: #1E2121;
       }
       .input-placeholder {
        color: #9FABAB;
        font-size: 24px;
       }
       .phone, .code {
        margin-bottom: 30px;
        border-bottom: 1px solid #EDF0F0;
        .inputIntem {
            margin-top: 30p;
            height: 80px;
        }
       }
       .codeCheck {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        .getCode {
            color: #16C8C9;
            font-size: 22px;
            position: relative;
            top: 40px;
        }
       }
       
    }
    .loginIn {
        width: 500px;
        height: 80px;
        border: none;
        background: url('../../images/loginIn.png') no-repeat center;
        background-size: cover;
        margin-left: calc(50% - 250px);
    }
    .tips {
        width: 100%;
        text-align: center;
        margin-top: 50px;
        color: #7B8787;
        font-size: 22px;
        .sF{
            color: #16C8C9;
            margin: 0 10px;
        }
    }
}